<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>公用</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery.js"></script>
    <script src="js/lib.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/axios.min.js"></script>
</head>

<body class="bgclass">
    <div id='app'>
        <div class="main">
            <div class="main">
                <div class="slick-z1">
                    <div class="item">
                        <a href="">
                        <img src="images/banner.jpg" alt="">
                    </a>
                    </div>
                    <div class="item">
                        <a href="">
                        <img src="images/banner.jpg" alt="">
                    </a>
                    </div>
                    <div class="item">
                        <a href="">
                        <img src="images/banner.jpg" alt="">
                    </a>
                    </div>
                </div>
                <div class="m-bg1">
                    <div class="wp">
                        <div class="m-info1">
                            <a href="">
                            <div class="pic">
                                <img src="images/j-p1.png" alt="">
                            </div>
                            <div class="txt">
                                <h3>知足中医养生馆</h3>
                                <div class="start-tel">
                                    <div class="m-start">
                                        <span class="s-on"></span>
                                        <span class="s-on"></span>
                                        <span class="s-on"></span>
                                        <span class="s-on"></span>
                                        <span class="s-off"></span>
                                        4.0分
                                    </div>
                                    <div class="tel">
                                    </div>
                                </div>
                                <div class="address">
                                    浙江省杭州市工数区石祥路166号
                                </div>
                            </div>
                        </a>
                        </div>
                    </div>
                </div>
                <div class="row-a1">
                    <div class="wp">
                        <div class="ul-list-z1">
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con1.png" alt="">
                                </i>
                                优惠买单
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con2.png" alt="">
                                </i>
                                白天特价
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con3.png" alt="">
                                </i>
                                1分钱抽奖
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con4.png" alt="">
                                </i>
                                拼团
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con5.png" alt="">
                                </i>
                                商城
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con6.png" alt="">
                                </i>
                                领劵
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con7.png" alt="">
                                </i>
                                砍价
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con8.png" alt="">
                                </i>
                                秒杀
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con9.png" alt="">
                                </i>
                                团购
                            </a>
                            </li>
                            <li>
                                <a href="">
                                <i>
                                    <img src="images/i-con10.png" alt="">
                                </i>
                                品牌故事
                            </a>
                            </li>
                        </div>
                    </div>
                </div>
                <div class="row-a2">
                    <div class="wp">
                        <div class="m-tit01">
                            <a href="">服务时间 &gt;</a>
                            <h3>请选择精品服务</h3>
                        </div>
                        <ul class="ul-list-z2">
                            <li v-for="">
                                <div class="con">
                                    <a href="">
                                    <div class="pic">
                                        <p>预约</p>
                                        <img src="images/j-i6.jpg" alt="">
                                        <div class="info">
                                            <span>ALLED</span>
                                            <div class="m-start">
                                                <span class="s-on"></span>
                                                <span class="s-on"></span>
                                                <span class="s-on"></span>
                                                <span class="s-on"></span>
                                                <span class="s-on"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="txt">
                                        1400单
                                        <span>已经为您服务10次</span>
                                    </div>
                                </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="h60"></div>
            </div>
        </div>
        <div class="footer">
            <div class="wp">
                <ul class="ul-ft">
                    <li class="li1 on">
                        <a href="">
                        <i style="background-image: url(images/j-i1.png);">
                            <!-- <img src="" alt=""> -->
                        </i>
                        首页
                    </a>
                    </li>
                    <li class="li2">
                        <a href="">
                        <i style="background-image: url(images/j-i2.png);">
                            <!-- <img src="images/j-i2.png" alt=""> -->
                        </i>
                        团购
                    </a>
                    </li>
                    <li class="li2">
                        <a href="">
                        <i style="background-image: url(images/j-i3.png);">
                            <!-- <img src="images/j-i3.png" alt=""> -->
                        </i>
                        会员充值
                    </a>
                    </li>
                    <li class="li2">
                        <a href="">
                        <i style="background-image: url(images/j-i4.png);">
                            <!-- <img src="images/j-i4.png" alt=""> -->
                        </i>
                        活动
                    </a>
                    </li>
                    <li class="li2">
                        <a href="">
                        <i style="background-image: url(images/j-i5.png);">
                            <!-- <img src="images/j-i5.png" alt=""> -->
                        </i>
                        我的
                    </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <link rel="stylesheet" href="css/slick.css">
    <script type="text/javascript" src="js/slick.min.js"></script>
    <script>
    $('.slick-z1').slick({
        dots: true,
        arrows: false,
        autoplay: true,
        slidesToShow: 1,
        autoplaySpeed: 3000
    })
    var ajaxUrl = 'http://intereek.natapp1.cc/pangu/xcx.do';
    var vm = new Vue({
        el: "#app",
        data: {
            techId: 0,
            companyCode: ''
        },
        mounted: function() {
            var that = this;
            that.techId = that.queryString('techId')
            that.companyCode = that.queryString('companyCode')
            console.log(that.techId, that.companyCode)
            that.getdata()
        },
        methods: {
            getdata() {
                var that = this;
                $.ajax({
                    type: "POST",
                    url: ajaxUrl,
                    dataType: "jsonp",
                    // data: "name=garfield&age=18",
                    data: {
                        operationType: 'queryLocal',
                        companyCode: that.companyCode,
                        techId: that.techId,
                        queryType: 'JiShiYuYueTechMenus'
                    },
                    success: function(data){
                        console.log(data)
                    }
                });
            },
            queryString(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            }
        },
        filters: {
            filtersImg: function(img) {
                var imgs = ajaxUrl + '/' + img
                console.log(imgs)
                return imgs;
            },
            filtersNav: function(e) {
                var s = parseInt(e) + 1;
                var img = 'image/nav-' + s + '.png'
                return img;
            }
        }
    })
    </script>
</body>

</html>
